﻿<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>Tutorial Bootstrap</title>
    <link rel="stylesheet" href="bootstrap.css" type="text/css" />
    <!--<link rel="stylesheet" href="bootstrap-theme.css" type="text/css" />-->
    <meta name="viewport" content="width=device-width" />
</head>
<body>
    <header>
        <div class="container">
            <h1>Header</h1>
        </div>
    </header>
    <div class="container">
        <section class="main row">
            <article class="col-xs-12 col-sm-8 col-md-9">
                <h3>Articulo</h3>
                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam eu finibus ipsum. Cras maximus tortor eros, vel elementum ante fermentum eu. Vivamus nec interdum nulla. Suspendisse blandit nulla enim, at semper felis placerat ac. Vestibulum feugiat viverra metus, nec rutrum tellus gravida posuere. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Ut quis mi at erat semper tristique et quis velit. Aliquam a blandit enim, eget facilisis purus. Etiam venenatis lacus id interdum elementum.</p>
                <a href="" class="btn btn-primary visible-md-inline">Botón</a>
            </article>
            <aside class="visible-md visible-lg col-xs-12 col-sm-4 col-md-3">
                <p>
                    <h3>Sidebar</h3>
                    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam eu finibus ipsum. Cras maximus tortor eros, vel elementum ante fermentum eu. Vivamus nec interdum nulla. Suspendisse blandit nulla enim, at semper felis placerat ac. Vestibulum feugiat viverra metus, nec rutrum tellus gravida posuere. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Ut quis mi at erat semper tristique et quis velit. Aliquam a blandit enim, eget facilisis purus. Etiam venenatis lacus id interdum elementum.
                </p>
            </aside>
        </section>
    </div>
</body>
</html>
